<template>
    <div class="m-auto p-14 shadow-xl">
        <div :class="isOpen ? 'h-4' : 'h-96'" class="w-8 rounded-full bg-black transition-all duration-1000 ease-in-out"></div>
        <button @click="isOpen = !isOpen">click</button>
    </div>
</template>

<script setup>
import { ref } from 'vue';
const isOpen = ref(false)
</script>

<style>
</style>
